<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html >
<style>
    ul.pagination {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    ul.pagination li {display: inline;}

    ul.pagination li a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        border-radius: 5px;
        margin-bottom:auto;
    }

    ul.pagination li a.active {
        background-color: #4CAF50;
        color: white;
        border-radius: 5px;
    }

    ul.pagination li a:hover:not(.active) {background-color: #ddd;}
body{
     font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
<body background="1.jpg">
<div style="text-align: center">
<h2 style="text-align:center">Studet information Management System</h2>
<h3 style="text-align:center"> 学生信息管理系统 </h3>
<form style="text-align: center">
    <a href="add.jsp">Add  Students Information</a>
    <br><br>
    <a href="update.jsp">  Update Students Information </a>
    <br><br>
    <a href="display.jsp"> Display Students Information </a>
    <br><br>
    <a href="manage.jsp"> Students Status Management </a>
    <br><br>
    <a href="exit.jsp">Data Processing</a>
    <br><br>
    <a href="exit.jsp" target="_parent">Exit System </a>
    <br><br>
    <ul class="pagination">
        <li><a href="#">«</a></li>
        <li><a class="active" href="#">1</a></li>
        <li><a href="add.jsp">2</a></li>
        <li><a href="update.jsp">3</a></li>
        <li><a href="display.jsp">4</a></li>
        <li><a href="manage.jsp">5</a></li>
        <li><a href="#">»</a></li>
    </ul>
</form>
</div>
</body>
</html>